import { Tabs } from "expo-router";
import { FontAwesome } from '@expo/vector-icons';
import { View } from 'react-native';
import '../global.css';

export default function RootLayout() {
  return (
    <Tabs screenOptions={{
      tabBarActiveTintColor: '#007AFF',
    }}>
      <Tabs.Screen
        name="(tabs)/index"
        options={{
          title: '首页',
          tabBarIcon: ({ color }: { color: string }) => <FontAwesome name="home" size={24} color={color} />,
          headerShown: false
        }}
      />
      <Tabs.Screen
        name="(tabs)/message"
        options={{
          title: '消息',
          tabBarIcon: ({ color }: { color: string }) => <FontAwesome name="envelope" size={24} color={color} />,
          headerShown: false
        }}
      />
      <Tabs.Screen
        name="(tabs)/profile"
        options={{
          title: '我的',
          tabBarIcon: ({ color }: { color: string }) => <FontAwesome name="user" size={24} color={color} />,
          headerShown: false
        }}
      />
    </Tabs>
  );
}
